<template>
  <el-container class="container">
    <el-aside width="230px">
      <left-menu></left-menu>
    </el-aside>
    <el-container>
      <el-header class="headerCon">
        <HeaderMenu></HeaderMenu>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import LeftMenu from "@/components/LeftMenu";
import HeaderMenu from "@/components/HeaderMenu";

export default {
  name: "HomeView",
  components: {
    LeftMenu,
    HeaderMenu,
  },
};
</script>
<style>
.container {
  width: 100%;
  height: 100%;
  /* 设置当前标签为弹性容器 */
  display: flex;
}
.headerCon {
  margin: 0px;
  padding: 0px;
  box-shadow: 0px 3px 5px 1px #00000011;
}
</style>
